<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<h2>Modifier la promotion</h2>
	<h:form>
		<div class="row">
			<div class="small-12 medium-6 columns">
				<div class="row">
					<div class="small-12 columns">
						<label>Intitulé</label> <input type="text" value="Solde d'été" />
					</div>
				</div>
				<div class="row collapse">
					<label>Description</label>
					<div class="small-12 columns">
						<textarea placeholder="Description">Ceci est une solde d'été</textarea>
					</div>
				</div>
				<div class="row collapse">
					<div class="small-12 columns">
						<label>Date de début</label> 
						<input id="datePromoDebutUpdate" type="text" value="10/07/2014" />
					</div>
				</div>

				<div class="row collapse">
					<div class="small-12 columns">
						<label>Date de fin</label> 
						<input id="datePromoFinUpdate" type="text" value="22/01/2014" />
					</div>
				</div>
				<div class="row collapse">
					<label>Montant promotion</label>
					<div class="small-8 columns">
						<input type="text" value="50" />
					</div>
					<div class="small-4 columns">
						<span class="postfix">
							<select>
								<option value="1">Pourcentage</option>
								<option value="2">Fixe</option>
							</select>
						
						</span>
					</div>
				</div>
			</div>
			<div class="small-12 medium-6 columns">
				<div class="row">
					<div class="small-12 columns">
						<h5>Lier rêve à la promotion</h5>
						<br/>
					</div>
				</div>
				<div class="row">
					<div class="small-8 columns">
						<label class="display">Liste de rêve</label>
					</div>
					
				</div>
				<div class="row">
					<div class="small-10 columns">
						<select>
							<option value="1">Rêve 1</option>
							<option value="2">Rêve 2</option>
							<option value="3">Rêve 3</option>
							<option value="4">Rêve 4</option>
							<option value="5">Rêve 5</option>
						</select>
					</div>
					<div class="small-1 small-center columns casse-small">
						<i class="foundicon-plus"></i>
					</div>
				</div>
				<div class="row">
					<div class="small-12 columns">
						<table>
							<thead>
								<tr>
									<th>Rêve soumis à la promotion</th>
									<th></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Rêve 2</td>
									<td><i class="foundicon-minus"></i></td>
								</tr>
								<tr>
									<td>Rêve 4</td>
									<td><i class="foundicon-minus"></i></td>
								</tr>
							</tbody>
						</table>
					</div>
					
				</div>
			</div>
		</div>
		<div class="row">
			<div class="small-6 columns">
				<a href="#" class="button radius large success">Enregistrer</a>
			</div>
			<div
				class="small-6 medium-4 columns">
				<a href="#" class="button radius large alert">Supprimer</a>
			</div>
		</div>

	</h:form>

</ui:composition>